<template>
  <div>
    <el-table  :data="invoiceList" stripe style="width: 100%" >
      <el-table-column prop="invoiceUrl" label="图片" width="80">
        <template slot-scope="scope">
          <el-image :z-index="zIndex" v-if="scope.row.invoiceUrl != null && scope.row.invoiceUrl != '' "
            slot="reference" :src="scope.row.invoiceUrl" class="image-rows" :preview-src-list="[scope.row.invoiceUrl]">
          </el-image>
        </template>
      </el-table-column>
      <el-table-column prop="invoiceNo" label="发票代码" :show-overflow-tooltip="true"/>
      <el-table-column prop="invoiceCode" label="发票号码" :show-overflow-tooltip="true"/>
      <el-table-column prop="sellerName" label="开票单位名称" :show-overflow-tooltip="true"/>
      <el-table-column prop="deliverPhone" label="接收手机号" :show-overflow-tooltip="true"/>
      <el-table-column prop="deliverEmail" label="接收邮箱" :show-overflow-tooltip="true"/>
      <el-table-column prop="deliverMethodName" label="配送方式"/>
    </el-table>
  </div>
</template>

<script>
  export default {
    props: ["invoiceList"],
    data() {
      return {
        zIndex: 3000,
      }
    },
    methods: {
    },
  };
</script>

<style scoped>
  .el-form-item {
    margin-bottom: 0;
  }
</style>
